<!DOCTYPE HTML>
<html lang="zh-cmn-hans">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>菜亿车 · 货源信息</title>
    <meta name="keywords" content="菜亿车 货源信息">
    <meta name="description" content="菜亿车 货源信息">
    <link rel="Bookmark" href="./img/favicon.ico" >
    <link rel="Shortcut Icon" href="./img/favicon.ico" />
    <link type="text/css" href="./css/index.css" rel="stylesheet" />
  </head>
  <body>
    <div class="loader">
      <div class="dot">
        <div class="first"></div>
      </div>
      <div class="dot"></div>
      <div class="dot"></div>
      <div class="dot"></div>
    </div>
    <div class="search-btn">
      <label class="search-btn-content">搜索</label>
    </div>
    <div class="search-container">
      <div class="search-mask"></div>
      <div class="search-content">
        <div class="search-header">
          <div class="search-header-addrs">
            <label class="search-header-btn search-header-addr search-addr-from search-header-trigon">不限</label>
            <image class="search-header-addr-icon" src="./img/right.png" />
            <label class="search-header-btn search-header-addr search-addr-to search-header-trigon">不限</label>
          </div>
          <div class="search-header-btn search-header-type search-header-trigon search-header-trigon-select">车长车型</div>
        </div>
        <div class="search-body">
          <div class="search-cells">
            <div class="search-cells-box search-cells-one">
              <div class="search-cell">
                <p class="search-cell-title">
                  车长<label class="search-cell-subtitle">(米)</label>
                </p>
                <div class="search-cell-items">
                    <label class="search-cell-item search-cell-item-select">数值</label>
                    <label class="search-cell-item">数值</label>
                    <label class="search-cell-item">数值</label>
                    <label class="search-cell-item">数值</label>
                    <label class="search-cell-item">数值</label>
                    <label class="search-cell-item">数值</label>
                </div>
              </div>
            </div>
            <div class="search-cells-box search-cells-two">
              <div class="search-cell">
                <p class="search-cell-title">
                  车型
                </p>
                <div class="search-cell-items"></div>
              </div>
            </div>
            <div class="search-cells-box search-cells-three">
              <div class="search-cell">
                <p class="search-cell-title">
                  货物类型
                </p>
                <div class="search-cell-items"></div>
              </div>
            </div>
            <div class="search-footer">
              <div class="search-footer-reset">重置</div>
              <div class="search-footer-submit">确定</div>
            </div>
          </div>
          <div class="search-addr">
            <div class="search-addr-tab">
              <label class="search-addr-tab-select">省</label>
              <label>市</label>
            </div>
            <div class="search-addr-list search-addr-province show"></div>
            <div class="search-addr-list search-addr-city hidden"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="result-list">
      <!-- tpl-list -->
      <div class="empty">
        <img class="empty-img" src="./img/empty.png" />
        <p class="empty-p">暂无</p>
      </div>
    </div>
    <script type="text/html" id="tpl-cell">
      <label class="search-cell-item search-cell-item-select">不限</label>
      {{each data}}
        <label class="search-cell-item" data-key="{{$value.key}}">{{$value.val}}</label>
      {{/each}}
    </script>
    <script type="text/html" id="tpl-list">
      {{if !data.length}}
        <div class="empty">
          <img class="empty-img" src="./img/empty.png" />
          <p class="empty-p">暂无</p>
        </div>
      {{/if}}
      {{each data}}
        <a class="result-item" href="detail?id={{$value.transportId}}">
          <p class="result-item-title">运单号: {{$value.transportNumber}}</p>
          <div class="result-item-content">
            <div class="result-item-left">
              <div class="result-item-province">{{$value.loadingAddressProvince}}</div>
              <div class="result-item-city">{{$value.loadingAddressCity}}</div>
              <div class="result-item-time">{{$value.loadingDate}}</div>
            </div>
            <div class="result-item-center">
              <img class="result-item-center-icon" src="./img/jiantou.png">
            </div>
            <div class="result-item-right">
              <div class="result-item-province">{{$value.destinateAddressProvince}}</div>
              <div class="result-item-city">{{$value.destinateAddressCity}}</div>
              <div class="result-item-time">{{$value.expectedArrivalDate}}</div>
            </div>
          </div>
          <div class="result-item-info">
            <div class="result-item-info-left">9.6m</div>
            <div class="result-item-info-center">高栏</div>
            <div class="result-item-info-right">{{$value.cargoWeight}}t</div>
          </div>
        </a>
      {{/each}}
    </script>
    <script type="text/html" id="tpl-province">
      <label class="search-addr-item">不限</label>
      {{each data}}
        <label class="search-addr-item" data-key="{{$index}}">{{$value.province}}</label>
      {{/each}}
    </script>
    <script type="text/html" id="tpl-city">
      <label class="search-addr-item">不限</label>
      {{each data}}
        <label class="search-addr-item" data-key="{{$index}}">{{$value.city}}</label>
      {{/each}}
    </script>
    <script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="./js/artTemplate.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
  </body>
</html>